<script setup name="App">
import Child from './Child.vue'
// ref 方法配合 ref 属性获取组件实例
import { onMounted, ref } from 'vue';

// !#1 准备一个 ref 对象引用
const childRef = ref(null)

// !#3 childRef.value 就是 DOM
onMounted(() => {
  // childRef.value 就是组件实例
  // console.log(childRef.value)
  // !利用 ref 获取组件实例能做到父传子
  childRef.value.changeCount(999)
})
</script>
<template>
  <div>
    <!-- //!#2 childRef 和 ref 属性进行绑定 -->
    <Child ref="childRef"/>
  </div>
</template>
